import React, { Component } from 'react'
import { View, ScrollView } from 'react-native'
import Swiper from './components/Swiper'
import Headerbar from './components/HeaderBar'
import HotCate from './components/HotCate'
import Top10 from './components/Top10'
import { inject, observer } from 'mobx-react'

interface Props {
  store?:any
}
interface State {

}

@inject('store')
@observer
class Cookbook extends Component<Props, State> {
  state = {}

  componentDidMount() {
    this.props.store.getList();
  }

  render() {
    return (
      <ScrollView>
        {/* <Headerbar></Headerbar> */}
        <Swiper></Swiper>
        <HotCate></HotCate>
        <Top10></Top10>
      </ScrollView>
    )
  }
}

export default Cookbook;